<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>南声-设置</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="./css/set.css">
    <script src="../layui/layui.js"></script>
</head>

<body>
    <!-- 页面头 -->
    <header>
        <ul class="layui-nav">
            <li class="layui-nav-item"><a class="headerTitle" href="javascript:;">南 声</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;"> <span class="userface">牵</span> <i
                        class="layui-icon layui-icon-down layui-nav-more"></i> </a>
                <dl class="layui-nav-child layui-nav-child-c layui-anim layui-anim-upbit">
                    <dd>个人中心</dd>
                    <dd>写文章</dd>
                    <dd>退出登录</dd>
                </dl>
            </li>
        </ul>
    </header>
    <!-- settings -->
    <div class="settings">
        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">基本信息设置</li>
                <li>密码管理</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="nickname settingDiv">
                        <span>昵 称</span>
                        <input type="text" class="layui-input" placeholder="昵称" value="牵牛">
                    </div>
                    <br>
                    <div class="gender settingDiv">
                        <span>性 别</span>
                        <input type="radio" name="sex" value="男" checked> 男
                        <input type="radio" name="sex" value="女"> 女
                    </div>
                    <br>
                    <div class="city settingDiv">
                        <span>坐 标</span>
                        <input type="text" class="layui-input" placeholder="所在城市" value="ShenYang">
                    </div>
                    <br>
                    <div class="email settingDiv">
                        <span>邮 箱</span>
                        <input type="text" class="layui-input" placeholder="邮箱地址" value="123456@163.com">
                    </div>
                    <br>
                    <div class="sign settingDiv">
                        <span>签 名</span>
                        <br><br>
                        <textarea class="layui-textarea" placeholder="个性签名"></textarea>
                    </div>
                    <br>
                    <div>
                        <button class="layui-btn layui-btn-normal">保存修改</button>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <div>
                        <input type="password" class="layui-input" placeholder="新 密 码">
                    </div>
                    <br>
                    <div>
                        <input type="password" class="layui-input" placeholder="确 认 密 码">
                    </div>
                    <br>
                    <div>
                        <button class="layui-btn layui-btn-normal">修改密码</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>